<!--
 * @description: 描述内容
-->
<!--
 * @description: 描述内容
-->
<template>
    <button class="hh-button" :class="{
        [`hh-button--${props.type}`]: props.type,
        'is-plain': props.plain,
        'is-round': props.round,
        'is-circle': props.circle,
        'is-disabled': props.disabled
    }">
        <slot></slot>
    </button>

</template>

<script lang="ts" setup>
import type { ButtonProps } from './types'
import { defineProps } from 'vue'
defineOptions({
    name: 'Hhbutton'
})

const props = defineProps<ButtonProps>()



</script>


<style>
@import './style.css';
</style>